<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /*
            网络上所有资源都有一个地址。

            IP:
                1. 可以定位到互联网上的某个服务器(提供服务的机器)。
                2. 四个八位二进制。点隔开。一般翻译成十进制，提高可读性。
                    192. 168. 17. 55
                    0011 1111 . 1111 0000 . 0000 0000 . 1111 1111
                    1111 1111 . 1111 1111 . 0000 0000 . 0000 0000
                百度的ip： http://202.108.22.5/  为了好记，翻译成了 www.baidu.com
            PORT:  65535  8000
            DNS 解析: 把 ip 地址转化成 英文字母
                1. locahost   127.0.0.1  本机(我)
            
            ip的分类：    
            网段的划分及子网掩码

            统一资源定位符（Uniform Resource Locator,URL）是互联网上标准资源的地址。
            互联网上的每个文件都有一个唯一的URL ,
            它包含的信息指出文件的位置以及浏览器应该怎么处理它。
            图片的 src 属性:相等位置或网络上的网址(绝对位置)

            URL的一般语法格式为：
            protocol://host[:port]/path/[?query]#fragment

            https://www.bilibili.com/video/BV1Hb4y1k7Cb?p=4

            组成        说明
            protocol   通信协议常用的 http,ftp,maito 等
            host       主机（域名） www.baidu.com  localhost 
            port       端口号可选，省略时使用方案的默认端口如http的默认端口为80
            path       一般用来表示主机上的一个目录或文件地址,也可能是虚拟的
            query      参数以键值对的形式，通过&符号分隔开来
            fragment   片段#后面内容常见于链接锚点

            location 对象的属性

            属性                    返回值
            localtion.href      整个URL
            localtion.host      主机名(域名)       
            localtion.port      端口号
            localtion.pathname  路径
            localtion.search    参数
            localtion.hash      页面的锚点 
        */
    </script>
</body>

</html>